
<!-- test -->
<!-- <app-test></app-test> -->

<header class="header">
  头部组件
  <!-- <a routerLink='/home'>首页</a>
  <a [routerLink]="[ '/news' ]">新闻</a>
  <a [routerLink]="['/product']">商品</a> -->

  <!-- 路由选中状态 active -->
  <a [routerLink]="[ '/home' ]" routerLinkActive="active">首页</a>
  <a [routerLink]="[ '/news' ]" routerLinkActive="active">新闻</a>
  <a [routerLink]="[ '/product' ]" routerLinkActive="active">商品</a>

</header>

<!-- 路由组件的出口， 匹配的路由的组件会在这里渲染 -->
<router-outlet></router-outlet>
